body,
html,
pre {
	line-height: 1;
	font-weight: 200;
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

.clearfix {
	display: inline-block;
	&:after {
		display: block;
		content: '.';
		height: 0;
		line-height: 0;
		clear: both;
		visibility: hidden;
	}

	@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
		.border-1px &:after {
			-webkit-transform: scaleY(0.7);
			transform: scaleY(0.7);
		}
	}

	@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
		.border-1px &:after {
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
		}
	}
}

@function set-color($color) {
	@if (lightness($color) > 40) {
		@return #000;
	} @else {
		@return #fff;
	}
}
@function px2rem($px) {
	$rem: 37.5px;
	@return ($px / $rem) + rem;
}